<template>
  <div>
      三栏布局
    <el-row>
      <el-col :span="4">栏一</el-col>
      <el-col :span="12">栏二</el-col>
      <el-col :span="8">栏三</el-col>
    </el-row>

    四栏布局
    <el-row>
      <el-col :span="4">栏一</el-col>
      <el-col :span="6">栏二</el-col>
      <el-col :span="8">栏三</el-col>
      <el-col :span="6">栏四</el-col>
    </el-row>
    按钮：
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
    <hr>
    <el-button type="danger">
           删除<el-icon  style="font-size: 30px;"><CoffeeCup/></el-icon>
    </el-button>


  </div>
</template>

<script>
export default {
  data() {
    return {}
  }
}
</script>

<style scoped>

</style>